﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>文化云</title>
    <link href="WebUI/css/base.css" rel="stylesheet" />
    <link href="WebUI/css/Public.css" rel="stylesheet" />
    <link href="WebUI/css/step.css" rel="stylesheet" />
    <link href="WebUI/css/sgin-up.css" rel="stylesheet" />
    <link href="WebUI/font/iconfont.css" rel="stylesheet" />
    <style type="text/css">
        .form-group .input-group{ width:350px; margin:5px 0;}
    </style>
</head>
<body>
<div id="headdiv" class="head">

</div>
<div class="main center-black">
    <div class="head-step">
        <a href="index.html" class="small-logo"><img src="WebUI/images/logo.png" /></a>
        <div class="step clearfix text-center fright">
            <ul>
                <li class="step-item step1 fleft text-left">
                    <span>1</span><br />
                    选择场地
                </li>
                <li class="step-item step2 active">
                    <span>2</span><br />
                    确认信息
                </li>
                <li class="step-item step3 text-right fright">
                    <span>3</span><br />
                    提交成功
                </li>
            </ul>
        </div>
    </div>
    <div class="sgin-info clearfix">
        <div class="sgin-title">
            <h2>预定信息</h2>
        </div>
        <div class="sgin-content">
            <div class="info-area fleft">
                <div class="SketchMap">
                    <h6 class="MapTop"></h6>
                    <ul id="columnLI" class="column" style="display: block;">

                    </ul>
                    <div class="PlaceMap"style="width:578px; height: 300px; overflow: scroll;">
                      <div id="seatplace_div" class="seatplace" style="width:0px; height: 0px;">
                            <!--<div class="seatIco seat"></div>
                            <div class="seatIco seat"></div>
                            <div class="seatIco no-seat"></div>
                            <div class="seatIco seat"></div>
                            <div class="seatIco seat"></div>
                            <div class="seatIco has-no-seat"></div>
                            <div class="seatIco seat"></div>
                            <div class="seatIco seat"></div>
                            <div class="seatIco seat"></div>
                            <div class="seatIco seat"></div>
                            <div class="seatIco seat"></div>
                            <div class="seatIco seat"></div>
                            <div class="seatIco"></div>
                            <div class="seatIco"></div>
                            <div class="seatIco"></div>
                            <div class="seatIco"></div>-->

                        </div>
                    </div>
                    <div class="fclear"></div>
                </div>
                <img src="WebUI/images/seat-biaoji.jpg" class="seat-biaoji" />
            </div>
            <div class="sgin-form fright">
                <div class="piao-box">
                    <dl>
                        <dt  class="fleft"><a href="javascript://"><img id="actimg" src="WebUI/images/jk.jpg" style="width:73px;height:98px;"></a></dt>
                        <dd id="titleconent" class="fleft">

                        </dd>
                    </dl>
                    <div class="piao_intro">
                        <div id="fieldinfo">

                        </di>
                        <div id="seatinfo">
                          <p><label>座位:</label><em>4排20座</em><em>4排21座</em></p>
                        </div>
                    </div>
                </div>
                <form>
                    <div id="phoneshow" class="form-group">
                        <input id="tag" type="hidden">
                        <p class="grounp-title">接收兑换码手机：</p>
                        <div class="input-group">
                            <input id="phone" type="text" class="form-control" placeholder="请输入手机号" />
                        </div>
                    </div>
                    <div class="form-group text-right" style="">
                        <a class="submit" onclick="javascript:submitseat();"><img src="WebUI/images/queding.jpg" /></a>
                        <p class="text-left" style="color:#888888;line-height:2;margin-top:10px;">
                            温馨提示：<br />
                            该活动由活动主办方提供票务兑换
                        </p>
                    </div>
                    <input id="actseesionid" type="hidden" />
                </form>
            </div>
        </div>
    </div>
</div>
<div id="footdiv" class="foot">

</div>
<!--js引用-->
<script src="../js/basicjs.js"></script>
<script src="WebUI/js/jquery-1.9.1.min.js"></script>
<script src="WebUI/js/animate.js"></script>
    <script src="../plugins/layer/layer.js"></script>
<script src="../js/jquery.query.js"></script>
<script src="../js/jquery.json-2.4.min.js"></script>
<script src="../js/js-set.js"></script>
<script src="../js/frontpage/reservationsjs.js"></script>

<script>
    $(function () {
      //引入头部
      $.get("head.html",function(data){
         $("#headdiv").html(data);
      });
      //引入脚
      $.get("foot.html",function(data){
         $("#footdiv").html(data);
      });
        //头部导航下拉框
        selectModel(".head li.ms","mr current","curleft",".mm")

    })
</script>
</body>
</html>
